<template>
	<view class="score-bg-content" :style="[{backgroundImage:'url(https://txr001.zthj.net/static/img/openScore.png)'}]">
		<cu-custom :isWhiteBack="true" :isBack="true" style="background-color: transparent;">
			<block slot="content">
				<view class="custom-title"></view>
			</block>
		</cu-custom>
		<view class="score-content">
			<view class="bg">
				<view class="s-title">开通碳资信评{{type=='1'?'分':'级'}}</view>
				<view class="s-desc">
					这是一段话描述开通碳资信评级的好处，这是一段话描述开通碳资信评级的好处，这是一段话描述开通碳资信评级的好处
				</view>
				<view class="margin-top-96 flex align-center justify-between flex-wrap" >
					<view class="s-z-content" v-for="(item,index) in 3" :key="index">
						<image src="https://txr001.zthj.net/static/img/dz.png" class="img-64"></image>
					</view>
				</view>
				<view class="margin-top-16 s-z-desc flex">
					<view class="flex-sub text-left">
						这句话描述<br>评级好处
					</view>
					<view class="flex-sub text-center">
						这句话描述<br>评级好处
					</view>
					<view class="flex-sub text-right">
						这句话描述<br>评级好处
					</view>
				</view>
				<view class="margin-top-72 flex align-center justify-between flex-wrap" >
					<view class="s-z-content" v-for="(item,index) in 3" :key="index">
						<image src="https://txr001.zthj.net/static/img/dz.png" class="img-64"></image>
					</view>
				</view>
				<view class="margin-top-16 s-z-desc flex">
					<view class="flex-sub text-left">
						这句话描述<br>评级好处
					</view>
					<view class="flex-sub text-center">
						这句话描述<br>评级好处
					</view>
					<view class="flex-sub text-right">
						这句话描述<br>评级好处
					</view>
				</view>
				
				
				<view class="text-center margin-top-164" @click="check=!check">
					<image :src="check?'https://txr001.zthj.net/static/img/check.png':'https://txr001.zthj.net/static/img/uncheck.png'" class="img-32"></image>
					<text class="padding-left-12 text-black text-sm text-img-center">我已阅读并同意</text>
					<text class="text-24458e text-sm text-img-center">碳资信评{{type=='1'?'分':'级'}}协议</text>
				</view>
				<view class="flex align-center justify-center">
					<button class="cu-btn loginBtn" @click="toDraw">开通评{{type=='1'?'分':'级'}}</button>
				</view>
				
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type:""
			}
		},
		onLoad(options) {
			this.type=options.type
		},
		methods: {
			
		}
	}
</script>

<style scoped lang="less">
	.score-bg-content{
		background-size: 100% 100%;
		width: 100%;
		height: 616rpx;
		.score-content{
			padding: 302rpx 32rpx 0;
			.bg{
				background: #FFFFFF;
				border-radius: 48rpx;
				padding: 48rpx 32rpx;
				.s-title{
					font-size: 40rpx;
					font-weight: 600;
					color: #010101;
				}
				.s-desc{
					margin-top: 16rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #767879;
					// background-color: rgba(255, 63, 63, 0.2);
				}
				.s-z-content{
					width: 144rpx;
					height: 144rpx;
					background: #F5F5F5;
					border-radius: 100%;
					display: flex;
					align-items: center;
					justify-content: center;
				}
				.s-z-desc{
					padding: 0 16rpx;
					font-size: 24rpx;
					font-weight: 400;
					color: #767879;
					// background-color: rgba(255, 63, 63, 0.2);
				}
				.loginBtn{
					width: 454rpx;
					height: 88rpx;
					background: #24458E;
					border-radius: 44rpx;
					margin-top: 32rpx;
					font-size: 32rpx;
					font-weight: 400;
					color: #FFFFFF;
				}
			}
		}
	}
</style>